
window.onload=function(){
	var banner_list=document.getElementsByClassName('banner_list');
	var num=0;
	var click_list=document.getElementsByClassName('click_list');
	var img=document.getElementById('img');
	var btn1=document.getElementById('btn1');
	var btn2=document.getElementById('btn2');
	function run(){

		for(var i=0;i<banner_list.length;i++){
			banner_list[i].style.display="none";
			click_list[i].style.backgroundColor="rgba(0,0,0,0)";
		}
	    banner_list[num].style.display="block";
	    click_list[num].style.backgroundColor="rgba(0,195,245,1)";
	    
	    for(var i=0;i<click_list.length;i++){     /* 触碰按钮变色*/
			click_list[i].onmouseover=function(){
				this.style.backgroundColor="rgba(0,195,245,1)";
			}
			click_list[i].onmouseout=function(){
				this.style.backgroundColor="rgba(0,0,0,0)";
				click_list[num-1].style.backgroundColor="rgba(0,195,245,1)";
			}
		}
		
	    num++;
	    if(num>banner_list.length-1){
	    	num=0;
	    }

	}
	  img.onmouseout=function(){     
	  	   clearInterval(timer);
	  	    timer=setInterval(run, 1000);
	  }
	  img.onmouseover=function(){
	  	clearInterval(timer);
	  }
	  btn1.onclick=function(){     //左键
         
     	if(num==1){
     		num=7;
     	}
        if(num==0){
        	num=6;
        }
        num=num-2;
        run();

     	
     	
     }

     btn2.onclick=function(){   //右键
      
     	if(num>6){
     		num=0;
     	}
     	run();

     	
     }

	 run();
	 var timer=setInterval(run, 1000);      /*定时器*/


	 for(var i=0;i<click_list.length;i++){ 		
	 	clicklist(i);
	}
	    
	function clicklist(i){
		click_list[i].onclick=function(){
	    	num =i;
	    	run();		
	    }
	}



}

